/*

状态
定义状态
constructor(){
    super()
    this.state = {xxx:'hello'}
}

获取
this.state.xxx


修改
this.setState({
    属性: 目标值
})


props 

将父组件的数据传递给子组件

传递: 
要传递一个数据,数据是数字123123
<子组件 xxx={123123}/>

接收:

函数组件
形参props

类组件
this.props

传递: 
<子组件 ele={<h1>123</h1>}/>
<子组件 eleType={Demo}/>
<子组件 ins={<Demo/>}/>

渲染: 
render(){
    return <div>
        {this.props.ele}
        <this.porps.eleType />
        {this.props.ins}
    </div>
}

props校验的作用

子组件规范父组件传递的参数

import PropTypes from 'prop-types'

给组件添加静态属性propTypes = {}

组件名.propTypes ={}

class 组件名 extends Component {
    static propTypes = {}
    render(){

    }
}


props默认值

给某个props数据设置默认值

组件名.defaultProps = {
    属性: 默认值
}







*/
